<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>火星人才网</title>
<link rel="stylesheet" href="css/index.css"/>
<script src="js/jquery-2.2.0.min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
</head>

<body>
<div class="wuyoujianli_header">
	<div class="wuyoujianli_nav">
		<span class="wuyoujianli_nav1">小明</span>　<a href="dlym.html">退出</a>　|　<a href="index.html">首页</a>　|　<a href="gr-jindu.html">个人中心</a>
	</div>
</div>
<div class="header-b">
   <div class="inner">
		<a href="index.html">
			<div class="logo">
			   <img src="images/header_03.jpg">
		   </div>
		</a>
	   <div class="tel" style="float: right;">
		   <img src="images/header_14.jpg">
	   </div>
   </div>
</div>
<div class="daohang" style="margin-bottom: 40px;">
	<ul class="daohang1">
	   <a href="index.html"><li>首页</li></a>
	  <a href="zzgz.html"><li>查找工作</li></a>
	  <a href="xmhz.html"><li>项目合作</li></a>
	  <a href="gr-jindu.html"><li class="xuanzhong">会员中心</li></a>
	  <a href="flyz.html"><li>法律援助</li></a>
	  <a href="sqdk.html"><li>申请贷款</li></a>
	  <a href="zzfw.html"><li>增值服务</li></a>
	  <div class="clearfix"></div>  
	</ul>
</div>
<div class="inner">	
	<div class="small_nav">
		<div class="small_nav_title">个人中心</div>
		<a href="gr-jindu.html"><div class="small_nav_word">已报名职位</div></a>
		<a href="gr-jlgl.html"><div class="small_nav_word">简历管理</div></a>
		<a href="gr-tgzj.html"><div class="small_nav_word">财务管理</div></a>
		<a href="gr-zhgl.html"><div class="small_nav_word small_nav_color">账户管理</div></a>
		<a href="gr-mima.html"><div class="small_nav_word">密码管理</div></a>
	</div>
	<div class="content">
		<div class="data">
			<div class="data1">
				<img src="images/touxiang.png" alt="">
			</div>
			<div class="data2">
				<div class="data3">尚泽</div>
				<div class="data4">
					<div class="data5">男</div>
					<div class="data6">
						<img src="images/shuxian.jpg" alt="">
					</div>
					<div class="data5">28岁</div>
					<div class="data7">
						<img src="images/shuxian.jpg" alt="">
					</div>
					<div class="data8">
						<img src="images/dingwei.png" alt="">
					</div>
					<div class="data5">临沂</div>
				</div>
				<div class="gekai"></div>
				<div class="data9">15589645123</div>
				<input type="text" class="data10" value="15589645123" id="beigai" readonly size="15">
				<div class="data11" id="xiugai">【修改】</div>
				<div class="data11" id="baocun" style="display: none;">【保存】</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="remind">
			<div class="remind1">
				<img src="images/xiaxian.jpg" alt="">
				就业风险提醒
			</div>
			<!--新的-->
			<table height="200" class="cailiao" cellpadding="0" cellspacing="0" width="700">
				<tr>
					<td class="cailiao3">　　一、骗取报名费：收费报名、拖延不退。</td>
					<td class="cailiao3">　　二、骗取考试费：收费考试、不予通过。</td>
				</tr>
				<tr>
					<td>　　三、骗取培训费：虚假职位、收费培训。</td>
					<td>　　四、骗取资料费：虚假职位、收费办证。</td>
				</tr>
				<tr>
					<td class="cailiao3">　　五、骗取个人信息：办高息贷款、银行信用卡。</td>
					<td class="cailiao3">　　六、大包落地：前期不收费、下了飞机、身不由己。</td>
				</tr>
				<tr>
					<td>　　七、碰签模式：广收护照碰运气、谁的通过收谁钱。</td>
					<td>　　八、无息借款：虚假职位100%退款、至少半年给予退还。</td>
				</tr>
				<tr>
					<td class="cailiao1"></td>
					<td class="cailiao2" style="">　　　客服咨询电话:</td>
				</tr>
			</table>
		</div>
		<div class="remind">
			<div class="remind1">
				<img src="images/xiaxian.jpg" alt="" class="bd-img">
				<a href="gr-zhgl.html"><p class="rem-p1 shenf">身份证绑定</p></a>
				<a href="gr-zhgl2.html"><p class="yinh" style="color: #333">银行卡绑定</p></a>
			</div>
			<div class="shangc" id="wanshan">
				<p class="sh-p" style="line-height: 100px;">上传身份证：<span style="color: #4dd4fe;font-size: 14px;">请您上传清晰真实的身份证正反两面照片（每张最大2M）</span></p>
				<div class="clearfix"></div>
				<form action="http://www.baidu.com" onSubmit="return zhuangtai()">
				<div style="float: left;width:290px;margin-bottom: 30px;">
					<div class="zheng">
						<p>上传身份证正面图片</p>
						<div class="aa" id="preview">
							<img src="images/shenfenzheng_03.jpg" id="imghead" onClick="$('#previewImg').click();">
						</div>
						<input type="file" class="file-1" onChange="previewImage(this)" id="previewImg"/>
					</div>
					<div class="clearfix"></div>
					<button id="yiwanshang" style="width: 130px;height: 35px;background-color: #00c3ff;color: #fff;border-radius: 5px;margin: 0 auto;display:block;">提交</button>
				</div>
				</form>
				<div style="float: left;width: 290px;">
					<div class="fan">
						<p>上传身份证反面图片</p>
						<div class="aa" id="preview2">
							<img src="images/shenfenzheng_05.jpg" id="imghead2" onClick="$('#previewImg2').click();">
						</div>
						<input type="file" class="file-2"  onChange="previewImage2(this)" id="previewImg2"/>
					</div>
					<div class="clearfix"></div>
					<button id="yiwanshang1" style="width: 130px;height: 35px;background-color: #00c3ff;color: #fff;border-radius: 5px;margin: 0 auto;display:block;">提交</button>
				</div>
			</div>
			<div id="yijingwanshan" style="display: none;font-size: 16px;color: #333;margin: 20px;">已完善</div>
		</div>
	</div>
	<div class="clearfix"></div>
</div>
<div class="dibu">
		<div class="dibu1">
			<div class="dibu2">
				<img src="images/footer_29.jpg" alt="">
			</div>
			<div class="dibu3">
				<div>网站资质　|　备案　|　法律声明　｜　<a href="yinsiquan.html">隐私权政策</a></div>
				<div>未经同意，不得转载本网站之所有招聘信息及作品　|　火星人才网版权所有©2017-3017</div>
				<div>地址：沈阳市沈河区　服务热线：400-024-5880　邮箱：175969151@163.com</div>
			</div>
		<div class="clearfix"></div>
		</div>
	</div>
<script>
		var xiugai=document.getElementById('xiugai');
		var beigai=document.getElementById('beigai');
		var baocun=document.getElementById('baocun');
		var reg = /^[\u4E00-\u9FA5]+$/;
	var dian=function(){
		beigai.readOnly=false;
		beigai.style.borderBottom="solid 1px #aaa";
		xiugai.style.display="none";
		baocun.style.display="block"; 
	}
	var ji=function(){
		beigai.style="readOnly";
		beigai.style.borderBottom="none";
		xiugai.style.display="block";
		baocun.style.display="none";
	}
	xiugai.onclick=function(){
		dian()
	}
	baocun.onclick=function(){
		if(beigai.value.length<11){
			alert('请输入号码');
		}else if(beigai.value.length>11){
			alert('请输入正确的号码');
		}else{
		ji();
		}
	}
	//图片上传预览    IE是用了滤镜。
        function previewImage(file)
        {
          var MAXWIDTH  = 250; 
          var MAXHEIGHT = 160;
          var div = document.getElementById('preview');
          var div2 = document.getElementById('preview2');
          if (file.files && file.files[0])
          {
              div.innerHTML ='<img id=imghead onclick=$("#previewImg").click()>';
              var img = document.getElementById('imghead');
              img.onload = function(){
                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
                img.width  =  rect.width;
                img.height =  rect.height;
//                 img.style.marginLeft = rect.left+'px';
                img.style.marginTop = rect.top+'px';
              }
              var reader = new FileReader();
              reader.onload = function(evt){img.src = evt.target.result;}
              reader.readAsDataURL(file.files[0]);
          }
          else //兼容IE
          {
            var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
            file.select();
            var src = document.selection.createRange().text;
            div.innerHTML = '<img id=imghead>';
            var img = document.getElementById('imghead');
            img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
            var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
            status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
            div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
          }
        }
        function previewImage2(file)
        {
          var MAXWIDTH  = 250; 
          var MAXHEIGHT = 160;
          var div2 = document.getElementById('preview2');
          
          if (file.files && file.files[0])
          {
              div2.innerHTML ='<img id=imghead2 onclick=$("#previewImg2").click()>';
              var img2 = document.getElementById('imghead2');
              img2.onload = function(){
                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img2.offsetWidth, img2.offsetHeight);
                img2.width  =  rect.width;
                img2.height =  rect.height;
//                 img.style.marginLeft = rect.left+'px';
                img2.style.marginTop = rect.top+'px';
              }
              var reader = new FileReader();
              reader.onload = function(evt){img2.src = evt.target.result;}
              reader.readAsDataURL(file.files[0]);
          }
          else //兼容IE
          {
            var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
            file.select();
            var src = document.selection.createRange().text;
            div2.innerHTML = '<img id=imghead2>';
            var img = document.getElementById('imghead2');
            img2.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
            var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img2.offsetWidth, img2.offsetHeight);
            status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
            div2.innerHTML = "<div id=divhead2 style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
          }
        }
</script>
<!--
<script>
	$('#yiwanshang').click(function(){
		$("#wanshan").hide();
		$("#yijingwanshan").show();
	})
</script>
-->
<script>
	function zhuangtai(){
	var yiwanshang=document.getElementById('yiwanshang');
	var previewImg=document.getElementById('previewImg');
		if(previewImg.value==""){
			yiwanshang.style.disabled=true;
			return false;
		}else if(previewImg.value!==""){
			yiwanshang.style.disabled=false;
		}
	}
</script>
</body>
</html>
